﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <title>交付批次管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <!-- custom -->
    <link href="css/add-style.css" rel="stylesheet">
    <link href="css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
    <style>
        .lightBoxGallery img {
            margin: 5px;
            width: 160px;
        }
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div id="part1" class="col-sm-2" style="padding-left:1px;">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>楼址树</h5>
                    </div>
                    <div class="ibox-content">
                        <div id="jstree2" style="margin: 10px 0 0 -10px;">
                            <ul>
                                <li class="jstree-open">
                                    <a href="i_region.html">富力物业服务集团</a>
                                    <ul>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            <a href="i_company.html">华北区域</a>
                                            <ul>
                                                <li  class="jstree-open" data-jstree='{"type":"icon"}'>
                                                    <a href="i_service_center.html"> 北京</a>
                                                    <ul>
                                                        <li data-jstree='{"type":"icon"}'>
                                                            <a href="i_building.html"> 富力家园</a>
                                                            
                                                        </li>
                                                        <li data-jstree='{"type":"icon"}'>
                                                            <a href="i_building.html"> 爱丁堡</a>

                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            华南区域
                                        </li>

                                        <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                            西北区域
                                        </li>

                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-10" style="padding-left:2px;">
                <div class="ibox float-e-margins">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" id="myTab">

                            <li class="active">
                                <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i>交付计划信息列表</a>
                            </li>
                            <li class="">
                                <a data-toggle="tab" href="#tab-2"><i class="fa fa-user"></i>交付计划信息添加/修改</a>
                            </li>
                        </ul>
                        <div class="panel-body no-top-border">
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <table class="table table-border0">
                                        <tr>
                                            <td class="client-link text-right">交付日期：</td>
                                            <td>
                                                <div class="form-group" id="data_5">

                                                    <div class="input-group input-group-sm">
                                                        <div class="input-daterange input-group" id="datepicker">
                                                            <input type="text" class="form-control" name="start" placeholder="开始日期" value="" />
                                                            <span class="input-group-addon">到</span>
                                                            <input type="text" class="form-control" name="end" placeholder="结束日期" value="" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td class="client-link text-right">房间编号：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" style="width:100px;" placeholder="" value="">
                                            </td>
                                            <td class="client-link text-right">总户数：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" style="width:100px;" placeholder="正整数" value="">至<input type="text" class="form-control input-sm input-group" style="width:100px;" placeholder="正整数" value="">
                                            </td>
                                            
                                        </tr>
                                        <!--<tr>
                                            <td class="client-link text-right">存在会所：</td>
                                            <td>
                                                <select data-placeholder="存在会所" class="chosen-select form-control w200" tabindex="2">
                                                    <option value="" selected="selected">选择是否有会所</option>
                                                    <option value="110000" hassubinfo="true">是</option>
                                                    <option value="120000" hassubinfo="true">否</option>
                                                </select>
                                            </td>
                                        </tr>-->

                                    </table>
                                    <div class="form-group">
                                        <div class="row">
                                            <div>
                                                <div class="input-group form-group-sm pull-left" style="padding-left:20px;">

                                                    <span class="input-group-btn">
                                                        <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
                                                        <!--<a data-toggle="modal" href="buildings.html#modal-create" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-plus"></i>&nbsp;创建项目 </a>
                                                        <a data-toggle="modal" href="buildings.html#modal-import" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导入 </a>-->
                                                        <a href="attachment/地区公司项目资源导入模板.xlsx" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导出 </a>
                                                        
                                                    </span>

                                                </div>
                                            </div>

                                        </div>
                                    </div>

                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <!--<th>项目状态</th>-->
                                                <!--<th>所属公司</th>-->
                                                <th>项目名称</th>
                                                <th>待交付总户数</th>
                                                <th>交付日期</th>
                                                <th>本次交付楼栋</th>
                                                <th>本次交付户数</th>
                                                <th title="管理面积和等于项目接管面积">管理面积(㎡)</th>
                                                <th>操作</th>
                                                <!--<th>社商台帐</th>-->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                
                                                <td rowspan="2">华北区域-北京-富力家园</td>
                                                <td rowspan="2">10(住宅5户；商铺5户)</td>
                                                <td>2018-05-01</td>                                                
                                                <td>1栋</td>
                                                <td>2(住宅1户；商铺1户)</td>
                                                <td>1800.32</td>
                                                <td rowspan="2">
                                                    <div class="btn-group">
                                                        <a href="#" onclick="tabActive();" class="text-warning">修改</a>&nbsp;&nbsp;
                                                        <!--<a href="javascript:;" class="text-danger demo4">删除</a>-->
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                
                                                <td>2018-07-01</td>

                                                <td>2栋</td>
                                                <td>2(住宅1户；商铺1户)</td>
                                                <td>2800.32</td>
                                                
                                            </tr>

                                            <tr>

                                                <td rowspan="2">华北区域-北京-爱丁堡</td>
                                                <td rowspan="2">20(住宅5户；商铺5户；公寓10户)</td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td rowspan="2">
                                                    <div class="btn-group">
                                                        <a href="#" onclick="tabActive();" class="text-warning">修改</a>&nbsp;&nbsp;
                                                        <!--<a href="javascript:;" class="text-danger demo4">删除</a>-->
                                                    </div>
                                                </td>
                                            </tr>
                                            <!--<tr>

                                                <td>2018-07-01</td>

                                                <td>2栋</td>
                                                <td>2</td>
                                                <td>2800.32</td>

                                            </tr>-->
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <td>合计</td>
                                                <td colspan="3"></td>
                                                <td>4</td>
                                                <td>1800.32</td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td colspan="7"><font color="red">开发备注：导入房间信息后根据房间状态自动生成待交付计划（如以上的爱丁堡），并提醒项目进行计划维护（根据地产具体的交付日期维护交付的房间等信息）</font></td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">&laquo;</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">&raquo;</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <table class="table table-hover table-border0">
                                        <tbody>
                                            <tr>
                                                <td class="client-link" width="10%;">交付项目*：</td>
                                                <td>
                                                    华北区域-北京-富丽家园
                                                    <!--<div class="input-group">
                                                        <input type="text" placeholder="请选择服务中心..." class="input-sm form-control selecttext">
                                                        <span class="input-group-btn">
                                                            <a data-toggle="modal" href="storage_in.html#modal-goodtypetree" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                        </span>
                                                    </div>-->
                                                </td>
                                                
                                            </tr>
                                            
                                            <tr>
                                                <td class="client-link">交付批次：</td>
                                                <td colspan="3">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>交付日期</th>
                                                                <th>管理面积</th>
                                                                <th>交付楼栋</th>
                                                                <th>交付户数</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>
                                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2018-05-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                                </td>

                                                                <td>
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control" value="1800.32"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td>
                                                                    1栋
                                                                </td>
                                                                <td>
                                                                    <div class="input-group">
                                                                        <span>已选2户</span>

                                                                        <a data-toggle="modal" href="storage_in.html#modal-goodtypetree" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                                    </div>
                                                                </td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2018-07-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                                </td>

                                                                <td>
                                                                    <div class="input-group m-b">
                                                                        <input type="text" placeholder="允许两位小数" class="form-control" value="2800.32"> <span class="input-group-addon">㎡</span>
                                                                    </div>
                                                                </td>
                                                                <td>
                                                                    2栋
                                                                </td>
                                                                <td>
                                                                    <div class="input-group">
                                                                        <span>已选3户</span>

                                                                        <a data-toggle="modal" href="storage_in.html#modal-jstree4" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                                    </div>
                                                                </td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="9"><button href="javascript:;" class="btn btn-danger btn-sm" onclick="addRow(this);"><i class="fa fa-plus"></i>&nbsp;追加</button></td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>

                                            </tr>
                                            <tr>
                                                <td class="client-link"></td>
                                                <td colspan="3">
                                                    <button type="button" class="btn btn-danger btn-sm" onclick="tabActive1();"><i class="fa fa-save"></i>&nbsp;保存</button>
                                                    <button type="button" class="btn btn-success btn-sm" onclick="tabActive1();"><i class="fa fa-arrow-up"></i>&nbsp;返回</button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-goodtypetree" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择批次对应的房间</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree3" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li data-jstree='{"type":"son"}'>
                                                        富力家园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"selected" : true,"type":"son"}'>
                                                                        1层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1002
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        2层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        3层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>

                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo2" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>

    <div id="modal-jstree4" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择批次对应的房间</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree4" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li data-jstree='{"type":"son"}'>
                                                        富力家园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                2栋
                                                                <ul>
                                                                    <li data-jstree='{"selected" : true,"type":"son"}'>
                                                                        1层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                1003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        2层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                2003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        3层
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3001
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3002
                                                                            </li>
                                                                            <li data-jstree='{"type":"son"}'>
                                                                                3003
                                                                            </li>
                                                                        </ul>
                                                                    </li>
                                                                </ul>
                                                                
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾
                                                        <ul>
                                                            <li data-jstree='{"type":"son"}'>
                                                                1栋
                                                                <ul>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1001
                                                                    </li>
                                                                    <li data-jstree='{"type":"son"}'>
                                                                        1002
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo2" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>

    <script src="js/bootstrap.min.js?v=3.3.6"></script>

    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>
    <!-- blueimp gallery -->
    <script src="js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>
    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 12:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 13:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>

    <script>
        $(document).ready(function () {
            $("#data_5 .input-daterange").datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true
            });
            //$("#data_4 .input-group.date").datepicker({ format: 'yyyy', startView: 2, minViewMode: 2, keyboardNavigation: false, forceParse: false, autoclose: true, todayHighlight: true });

        });
    </script>

    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree2').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree2').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree3').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree3').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['checkbox','types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree4').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree4').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['checkbox','types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>

    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //-- 保存成功弹框--
        $('.demo2').click(function () {
            $('.selecttext').val('富力家园服务中心');
            this.close();

        });
    </script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script type="text/javascript">
        //--动画效果--
        $(document).ready(function () {
            $('.contact-box').each(function () {
                animationHover(this, 'pulse');
            });

            $(document).delegate('.btn-del', 'click', function () {
                var count = $(this).closest('table tbody').find('tr').size();
                if (count > 2) {
                    var curTr = $(this).closest('tr');
                    curTr.remove();
                } else {
                    //alert('至少保留一行！');
                    swal({
                        title: "至少保留一行！",
                        type: "warning"
                    });
                }
            })
        });

        function tabActive() {
            $('#myTab a[href="#tab-2"]').tab('show');
        }
        function tabActive1() {
            $('#myTab a[href="#tab-1"]').tab('show');
        }

        function addRow(btn) {
            //追加
            var curTr = $(btn).closest('tr');
            var tr = curTr.prev().clone();
            curTr.before(tr);
        }
    </script>



</body>

</html>
